上一天我們建立好了Nx的workspace
接著我們開始建立我們的專案A跟專案B
假設A為host B為Remote
npx nx g @nrwl/angular:host projectA
npx nx g @nrwl/angular:remote projectB --host=projectA
依序建立出兩個project
這個時候可以打開module-federation.config看一下
Nx很聰明地都幫你設定好了呢!
直接下指令跑起來看看效果如何
nx serve projectA
就會發現Nx不只幫你設定好webpack的基本設定
還會有個基礎component範例實現Micro Frontend的功能
是不是一秒就上手呢
iThome鐵人賽
看影片追技術